<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <a href="http://www.sohu.com">点击我跳转到百度</a>
    <script>
        // 阻止默认事件 
        // a标签有自己的默认事件，默认事件就是跳转行为 ；
        // 阻止默认行为 
        /* 
            1.e.preventDefault();
            2. return false;  注意 ： 一定需要写在代码的最后；
            
            3. ie8及一下 ： e.returnValue = false
        
        */
        var aEle = document.querySelector("a");
        aEle.onclick = function(e){
           
            
            window.location.href = "http://www.baidu.com";
            // return false;
            // e.preventDefault();
            e.returnValue = false;
        }









        // 阻止事件传播（冒泡）
        //1. e.stopPropagation();
        // 2.e.cancelBubble = true;


        //1. 写一下 。  2.练习 ：自定义右键菜单 ；


    </script>
</body>
</html>